window.onresize = function(){
right_first.resize();
right_second.resize();
right_three.resize();
right_four.resize();
right_five.resize();
right_six.resize();
right_seven.resize();
right_eight.resize();


left_item.resize();
second_item.resize();
left_second.resize();
left_three.resize();
// four_item.resize();
// four_item_s.resize();
left_four.resize();



}

$.ajax({
	url:'/Admin/BigData/ajaxGetBigData',
	type:'get',
	data:{},
	dataType:'json',
	success:function(json){
		if (json.code == 0) {
            $.alert(json.msg);
        }else {
            $.each(json.nbhData[1],function(i,val){
            	$.each(option_right_first.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_first.setOption(option_right_first);

            $.each(json.nbhData[2],function(i,val){
            	$.each(option_right_second.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_second.setOption(option_right_second);

            $.each(json.nbhData[3],function(i,val){
            	$.each(option_right_three.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_three.setOption(option_right_three);

            $.each(json.nbhData[4],function(i,val){
            	$.each(option_right_four.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_four.setOption(option_right_four);

            $.each(json.nbhData[5],function(i,val){
            	$.each(option_right_five.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_five.setOption(option_right_five);

            $.each(json.nbhData[6],function(i,val){
            	$.each(option_right_six.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_six.setOption(option_right_six);

            $.each(json.nbhData[7],function(i,val){
            	$.each(option_right_seven.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_seven.setOption(option_right_seven);

            $.each(json.nbhData[8],function(i,val){
            	$.each(option_right_eight.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            right_eight.setOption(option_right_eight);


            $.each(json.streetData[1],function(i,val){
            	$.each(option_left_first.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            left_item.setOption(option_left_first);


            $.each(json.streetData[1],function(i,val){
            	$.each(option_left_first_second.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            second_item.setOption(option_left_first_second);


            $.each(json.streetData[2],function(i,val){
            	$.each(option_left_second.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            left_second.setOption(option_left_second);

            $.each(json.streetData[3],function(i,val){
            	$.each(option_left_three.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            left_three.setOption(option_left_three);


            $.each(json.streetData[4],function(i,val){
            	$.each(option_left_four.series[0].data,function(n,item){
            		if (item.name == val.name) {
            			item.value = val.value;
            		}else{
            			console.log(222)
            		}
            	})
            })
            left_four.setOption(option_left_four);

            // $.each(json.streetData[3],function(i,val){
            // 	$.each(option_left_four_second.series[0].data,function(n,item){
            // 		if (item.name == val.name) {
            // 			item.value = val.value;
            // 		}else{
            // 			console.log(222)
            // 		}
            // 	})
            // })
            // four_item_s.setOption(option_left_four_second);
        }
	},
	error:function(json){
		$.alert('出错了');
	}
})


// 时间
window.onload = function(){
	setInterval(function(){
		fnDate();
	},1000);
}

function fnDate(){
	var myDate = new Date();

	var Year = myDate.getFullYear();
	var Month = myDate.getMonth()+1; 
	var date = myDate.getDate();
	var Hours = myDate.getHours();
	var Minutes = myDate.getMinutes();
	$('#year').text(Year);
	$('#mouth').text(fnW(Month));
	$('#data').text(fnW(date));
	$('#Hours').text(fnW(Hours));
	$('#Minutes').text(fnW(Minutes));
}
function fnW(str){
var num;
	str>10?num=str:num="0"+str;
	return num;
}



var option_left_first;
var mySwiper = new Swiper ('#swiperFirst', {
	    // pagination : '.swiper-pagination',
	    // paginationClickable :true,
	    loop : true,
	    speed:2000,
	    // autoplayDisableOnInteraction: false,
	    autoplay: {
		    delay: 6000,
		}
	})

// var left_first = echarts.init(document.getElementsByClassName('left_first')[0]);

option_left_first = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'流动人口',itemStyle:{color:'#009DFF'}},
                {value:310, name:'常住人口',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};


// left_first.setOption(option_left_first);



// var left_first_second = echarts.init(document.getElementById('left_first_second'));
var option_left_first_second;
option_left_first_second = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'农村人口',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市人口',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                        
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
// left_first_second.setOption(option_left_first_second);

var left_item;
var left_leng = document.getElementsByClassName('left_first_l');
for (var i = 0; i <= left_leng.length-1; i++) {
	console.log(i)
	left_item = echarts.init(left_leng[i]);
	left_item.setOption(option_left_first);
}

var second_item;
var second_leng = document.getElementsByClassName('left_second_l');
for (var i = 0; i <= second_leng.length-1; i++) {
	second_item = echarts.init(second_leng[i]);
	second_item.setOption(option_left_first_second);
}



var left_second = echarts.init(document.getElementById('left_second'));

var option_left_second = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }

    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'农村低保户',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'五保儿',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'孤儿',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#009DFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'老党员',itemStyle:{color:'#006EFF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
left_second.setOption(option_left_second);

 var app1 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_left_second.series[0].data.length;
     // 取消之前高亮的图形
     left_second.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app1.currentIndex
     });
     app1.currentIndex = (app1.currentIndex + 1) % dataLen;
     // 高亮当前图形
     left_second.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app1.currentIndex
     });
     // 显示 tooltip
     left_second.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app1.currentIndex
     });
 }, 3000);


var left_three = echarts.init(document.getElementById('left_three'));

var option_left_three = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21,
            "align":"left"
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'刑满释放人员',itemStyle:{color:'#C9F9FF'}},
                {value:23, name:'社区矫正人员',itemStyle:{color:'#88E9FF'}},
                {value:23, name:'吸毒人员',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'重点上访人员',itemStyle:{color:'#25BCFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
left_three.setOption(option_left_three);


 var app33 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_left_three.series[0].data.length;
     // 取消之前高亮的图形
     left_three.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app33.currentIndex
     });
     app33.currentIndex = (app33.currentIndex + 1) % dataLen;
     // 高亮当前图形
     left_three.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app33.currentIndex
     });
     // 显示 tooltip
     left_three.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app33.currentIndex
     });
 }, 3000);


 var left_four = echarts.init(document.getElementById('left_four'));

var option_left_four = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21,
            "align":"left"
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'因病',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'因残',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'因学',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'因灾',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'缺土地',itemStyle:{color:'#009DFF'}},
                {value:310, name:'缺水',itemStyle:{color:'#0089FF'}},
                {value:310, name:'缺技术',itemStyle:{color:'#006EFF'}},
                {value:310, name:'其他',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
left_four.setOption(option_left_four);


 var app44 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_left_four.series[0].data.length;
     // 取消之前高亮的图形
     left_four.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app44.currentIndex
     });
     app44.currentIndex = (app44.currentIndex + 1) % dataLen;
     // 高亮当前图形
     left_four.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app44.currentIndex
     });
     // 显示 tooltip
     left_four.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app44.currentIndex
     });
 }, 3000);

var mySwiper = new Swiper ('#swiperFour', {
	    // pagination : '.swiper-pagination',
	    // paginationClickable :true,
	    loop : true,
	    speed:2000,
	    // autoplayDisableOnInteraction: false,
	    autoplay: {
		    delay: 6000,
		}
	})



// var option_left_four;
// option_left_four = {
//     tooltip: {
//         trigger: 'item',
//         formatter: "{a} <br/>{b}: {c} ({d}%)"
//     },
//     series : [
//         {
//             name: '',
//             type: 'pie',
//             radius: ['35%', '50%'],
//             data:[
//                 {value:23, name:'驻村工作队',itemStyle:{color:'#C9F9FF'}},
//                 {value:310, name:'贫困人口',itemStyle:{color:'#88E9FF'}},
//                 {value:310, name:'已脱贫人口',itemStyle:{color:'#35D7FF'}},
//                 {value:310, name:'因病',itemStyle:{color:'#25BCFF'}},
//                 {value:310, name:'因残',itemStyle:{color:'#009DFF'}},
//                 {value:310, name:'因学',itemStyle:{color:'#0089FF'}},
//                 {value:310, name:'缺劳力',itemStyle:{color:'#006EFF'}}
//             ],
//             label: {
//                 normal: {
//                     formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
//                     textStyle: {
//                             "fontSize": 21
//                         },
//                     rich: {
//                         per: {
//                             color: '#00C2FE',
//                             padding: [2, 4],
//                             borderRadius: 2,
//                             fontSize: 18
//                         },
//                         b: {
//                             fontSize: 18
//                         },
//                         c: {
//                             fontSize: 18
//                         },
//                         d: {
//                             fontSize: 18
//                         }
//                     }
//                 }
//             },
//             itemStyle: {
//                 emphasis: {
//                     shadowBlur: 10,
//                     shadowOffsetX: 0,
//                     shadowColor: 'rgba(0, 0, 0, 0.5)'
//                 }
//             }
//         }
//     ]
// };

// var option_left_four_second;
// option_left_four_second = {
//     tooltip: {
//         trigger: 'item',
//         formatter: "{a} <br/>{b}: {c} ({d}%)"
//     },
//     series : [
//         {
//             name: '',
//             type: 'pie',
//             radius: ['35%', '50%'],
//             data:[
//                 {value:23, name:'驻村工作队',itemStyle:{color:'#C9F9FF'}},
//                 {value:310, name:'贫困人口',itemStyle:{color:'#88E9FF'}},
//                 {value:310, name:'已脱贫人口',itemStyle:{color:'#35D7FF'}},
//                 {value:310, name:'因病',itemStyle:{color:'#25BCFF'}},
//                 {value:310, name:'因残',itemStyle:{color:'#009DFF'}},
//                 {value:310, name:'因学',itemStyle:{color:'#0089FF'}},
//                 {value:310, name:'缺劳力',itemStyle:{color:'#006EFF'}}
//             ],
//             label: {
//                 normal: {
//                     formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
//                     textStyle: {
//                             "fontSize": 18
//                         },
//                     rich: {
//                         per: {
//                             color: '#00C2FE',
//                             padding: [2, 4],
//                             borderRadius: 2,
//                             fontSize: 18
//                         },
//                         b: {
//                             fontSize: 18
//                         },
//                         c: {
//                             fontSize: 18
//                         },
//                         d: {
//                             fontSize: 18
//                         }
//                     }
//                 }
//             },
//             itemStyle: {
//                 emphasis: {
//                     shadowBlur: 10,
//                     shadowOffsetX: 0,
//                     shadowColor: 'rgba(0, 0, 0, 0.5)'
//                 }
//             }
//         }
//     ]
// };
// var four_item;
// var four_leng = document.getElementsByClassName('left_four_l');
// for (var i = 0; i <= four_leng.length-1; i++) {
// 	four_item = echarts.init(four_leng[i]);
// 	four_item.setOption(option_left_four);
// }

// var four_item_s;
// var four_leng_s = document.getElementsByClassName('left_four_l_s');
// for (var i = 0; i <= four_leng_s.length-1; i++) {
// 	four_item_s = echarts.init(four_leng_s[i]);
// 	four_item_s.setOption(option_left_four_second);
// }


var mySwiper = new Swiper ('#swiperFourtitle', {
	    // pagination : '.swiper-pagination',
	    // paginationClickable :true,
	    loop : true,
	    speed:2000,
	    // autoplayDisableOnInteraction: false,
	    autoplay: {
		    delay: 3000,
		}
	})
// min

var swipernum;
var mySwiper = new Swiper ('#swiperSecond', {
	    // pagination : '.swiper-pagination',
	    // paginationClickable :true,
	    loop : true,
	    speed:2000,
	    // autoplayDisableOnInteraction: false,
	    autoplay: {
		    delay: 3000,
		},
		onSlideChangeEnd:function(swiper){
			swipernum = swiper.activeIndex+1;
	        fnswiper(swipernum);
	       // swiper.activeIndex 这个就是索引， 从 0 开始！ 可看一共有多少元素！
	    }
	})
function fnswiper(swipernum) {
	$.each($('.svg-img .img-pig'),function(i,val){
		if ($(val).data('text') == swipernum) {
			$(val).find('path').addClass('active');
			$(val).siblings().find('path').removeClass('active');
		}else if (swipernum == 9 && $(val).data('text') == 1){
			$(val).find('path').addClass('active');
			$(val).siblings().find('path').removeClass('active');
		}else if (swipernum == 10 && $(val).data('text') == 2){
			$(val).find('path').addClass('active');
			$(val).siblings().find('path').removeClass('active');
		}
	})


	$.each($('.right-bottom .bottom-item'),function(i,val){
		if ($(val).data('num') == swipernum) {
			$(val).addClass('active');
			$(val).siblings().removeClass('active');
		}else if (swipernum == 10 && $(val).data('num') == 2){
			$(val).addClass('active');
			$(val).siblings().removeClass('active');
		}else if (swipernum == 9 && $(val).data('num') == 1){
			$(val).addClass('active');
			$(val).siblings().removeClass('active');
		}
	})
}




var right_first = echarts.init(document.getElementById('right_first'));

var option_right_first = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_first.setOption(option_right_first);


 var app2 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_first.series[0].data.length;
     // 取消之前高亮的图形
     right_first.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app2.currentIndex
     });
     app2.currentIndex = (app2.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_first.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app2.currentIndex
     });
     // 显示 tooltip
     right_first.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app2.currentIndex
     });
 }, 3000);

var right_second = echarts.init(document.getElementById('right_second'));

var option_right_second = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_second.setOption(option_right_second);


 var app3 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_second.series[0].data.length;
     // 取消之前高亮的图形
     right_second.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app3.currentIndex
     });
     app3.currentIndex = (app3.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_second.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app3.currentIndex
     });
     // 显示 tooltip
     right_second.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app3.currentIndex
     });
 }, 3000);


var right_three = echarts.init(document.getElementById('right_three'));

var option_right_three = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_three.setOption(option_right_three);


 var app4 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_three.series[0].data.length;
     // 取消之前高亮的图形
     right_three.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app4.currentIndex
     });
     app4.currentIndex = (app4.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_three.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app4.currentIndex
     });
     // 显示 tooltip
     right_three.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app4.currentIndex
     });
 }, 3000);

var right_four = echarts.init(document.getElementById('right_four'));

var option_right_four = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_four.setOption(option_right_four);


 var app5 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_four.series[0].data.length;
     // 取消之前高亮的图形
     right_four.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app5.currentIndex
     });
     app5.currentIndex = (app5.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_four.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app5.currentIndex
     });
     // 显示 tooltip
     right_four.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app5.currentIndex
     });
 }, 3000);



var right_five = echarts.init(document.getElementById('right_five'));

var option_right_five = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_five.setOption(option_right_five);



 var app6 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_five.series[0].data.length;
     // 取消之前高亮的图形
     right_five.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app6.currentIndex
     });
     app6.currentIndex = (app6.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_five.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app6.currentIndex
     });
     // 显示 tooltip
     right_five.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app6.currentIndex
     });
 }, 3000);



var right_six = echarts.init(document.getElementById('right_six'));

var option_right_six = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_six.setOption(option_right_six);



 var app7 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_six.series[0].data.length;
     // 取消之前高亮的图形
     right_six.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app7.currentIndex
     });
     app7.currentIndex = (app7.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_six.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app7.currentIndex
     });
     // 显示 tooltip
     right_six.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app7.currentIndex
     });
 }, 3000);

var right_seven = echarts.init(document.getElementById('right_seven'));

var option_right_seven = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_seven.setOption(option_right_seven);



 var app8 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_seven.series[0].data.length;
     // 取消之前高亮的图形
     right_seven.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app8.currentIndex
     });
     app8.currentIndex = (app8.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_seven.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app8.currentIndex
     });
     // 显示 tooltip
     right_seven.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app8.currentIndex
     });
 }, 3000);

var right_eight = echarts.init(document.getElementById('right_eight'));

var option_right_eight = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)",
        textStyle: {
            "fontSize": 21
        }
    },
    series : [
        {
            name: '',
            type: 'pie',
            radius: ['35%', '50%'],
            data:[
                {value:23, name:'生活困难党员',itemStyle:{color:'#C9F9FF'}},
                {value:310, name:'孤寡老人',itemStyle:{color:'#88E9FF'}},
                {value:310, name:'80岁以上',itemStyle:{color:'#35D7FF'}},
                {value:310, name:'残疾人',itemStyle:{color:'#25BCFF'}},
                {value:310, name:'农村低保户',itemStyle:{color:'#009DFF'}},
                {value:310, name:'城市低保户',itemStyle:{color:'#0089FF'}},
                {value:310, name:'大病救助',itemStyle:{color:'#006EFF'}},
                {value:310, name:'贫困户',itemStyle:{color:'#004AFF'}}
            ],
            label: {
                normal: {
                    formatter: '{b|{b}：\n}{c} {per|{d}%}  ',
                    textStyle: {
                            "fontSize": 21
                        },
                    rich: {
                        per: {
                            color: '#00C2FE',
                            padding: [2, 4],
                            borderRadius: 2,
                            fontSize: 21
                        },
                        b: {
                            fontSize: 21
                        },
                        c: {
                            fontSize: 21
                        },
                        d: {
                            fontSize: 21
                        }
                    }
                }
            },
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    ]
};
right_eight.setOption(option_right_eight);



 var app9 = {
     currentIndex: -1
 };

 setInterval(function () {
     var dataLen = option_right_eight.series[0].data.length;
     // 取消之前高亮的图形
     right_eight.dispatchAction({
         type: 'downplay',
         seriesIndex: 0,
         dataIndex: app9.currentIndex
     });
     app9.currentIndex = (app9.currentIndex + 1) % dataLen;
     // 高亮当前图形
     right_eight.dispatchAction({
         type: 'highlight',
         seriesIndex: 0,
         dataIndex: app9.currentIndex
     });
     // 显示 tooltip
     right_eight.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: app9.currentIndex
     });
 }, 3000);

